<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<base href="<%=request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/"%>"/>
<html>
<head>
    <title></title>
    <style type="text/css">
        {
            margin: 0px;
        }

        #content {
            margin: 150px auto;
            width: 100%;
            height: 460px;
            border: 1px transparent solid;
            background-color:#21D4FD;
            background-image: linear-gradient(243deg,#21D4FD 0%, #B721FF 100%);
            background-image: -webkit-linear-gradient(243deg,#21D4FD 0%, #B721FF 100%);
            background-image: -moz-linear-gradient(243deg,#21D4FD 0%, #B721FF 100%);
            background-image: -o-linear-gradient(243deg,#21D4FD 0%, #B721FF 100%);
        }

        #box {
            margin: 50px auto;
            width: 30%;
            height: 360px;
            background-color:#fff;
            text-align: center;
            border-radius: 15px;
            border: 2px#fff solid;
            box-shadow: 10px 10px 5px#000000;
        }

        .title {
            line-height: 58px;
            margin-top: 20px;
            font-size: 36px;
            color:#000;
            height: 58px;
        }

        #box:hover {
            border: 2px#fff solid;
        }

        .input {
            margin-top: 20px;
        }

        input {
            margin-top: 5px;
            outline-style: none;
            border: 1px solid#ccc;
            border-radius: 3px;
            padding: 13px 14px;
            width: 70%;
            font-size: 14px;
            font-weight: 700;
            font-family: "Microsoft soft";
        }

        button {
            margin-top: 20px;
            border: none;
            color:#000;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            border-radius: 15px;
            background-color:#CCCCCC;
        }
        button:hover{
            background-color:#B721FF;
            color:#fff;
        }
    </style>
</head>
<%
    HttpSession Session=request.getSession();
   String st= (String) Session.getAttribute("a1sd");
%>
<body>
<form action="/yuezuoyei/fan1" method='post'>
<div id="content">
    <div id="box">
        <input type="submit" onclick="getuser()" value="<%=st%>">登录</input>
        <div class="title">Login</div>
        <div class="input">
            <input type="text" id="username" name="admin" value="" placeholder="用户名" />
            <br>
            <input type="password" name="psaa"  id="password" placeholder="密码" />
            <br>

            <br>
            <input type="submit" onclick="getuser()" value="登入">
        </div>
    </div>
</div>
    </form>
</body>
<script type="text/javascript">
    function getuser() {
        var username = document.getElementById("username").value;
        var password = document.getElementById("password").value;
        var password1 = document.getElementById("password1").value;
        testing(username, password,password1)
//alert("username:"+username+"\n"+"password:"+password);
    }

    function testing(username, password, password1) {
        var tmp = username && password;
        if (tmp == "") {
            alert("请填写完整信息");
            return 0;
        }
        if (username.length < 6 || username.length > 16) {
            alert("用户名长度为：6-16位")
            return 0;
        }
        if (password<6 || password1<6)
        {
            alert("密码长度错误");
        }else if(password == password1){
            alert("username:" + username + "\n" + "password:" + password);
        }else{
            alert("两次输入的密码不一样");
        }
    }
</script>
</html>
